<template>
 <!-- 详情1 -->
    <view class='det1_page'>
        <!-- 报告概述 -->
        <card :title="'报告概述'">
            <data-analyze :content='content.overview'></data-analyze>
        </card>
        <!-- 趋势分析 -->
        <card :title="'趋势分析'">
            <trend :content='content.trend'></trend>
        </card>
        <!-- 参与分析 -->
        <card :title="'参与分析'">
            <participation :content='content.participation'></participation>
        </card>
    </view>
</template>

<script>

    import card from './components/card.vue'
    import dataAnalyze from './components/dataAnalyze.vue'
    import trend from './components/trend.vue'
    import participation from './components/participation.vue'

    export default {
        components: {
            card,
            dataAnalyze,
            trend,
            participation
        },
        props: {
            content: Object,
        },
    }
</script>

<style lang="scss" scoped>

</style>